<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <link rel="stylesheet" href="CSS/reset.css">
  <!-- <link rel="stylesheet" href="CSS/Index.css"> -->
  <link rel="stylesheet" href="CSS/Common.css">
  <link rel="stylesheet" href="CSS/Index.css">
  <link rel="stylesheet" href="CSS/Footer.css">


  <title>这是首页</title>
  <style>
    .service {
      background: url(IMG/img/home/services.jpg) no-repeat center;
      background-size: contain;
    }
  </style>
</head>

<body>
  <div class="header">
    <div class="header-c w">
      <a href="" class="logo">

      </a>
      <ul class="nav">
        <li class="nav-item active">
          <a href="Index.html">首页</a>
          <span class="line"></span>
        </li>
        <li class="nav-item">
          <a href="Goods.html">产品</a>
          <span class="line"></span>
        </li>
        <li class="nav-item">
          <a href="Project.html">项目</a>
          <span class="line"></span>
        </li>
        <li class="nav-item">
          <a href="About.html">关于</a>
          <span class="line"></span>
        </li>
        <li class="nav-item">
          <a href="News.html">新闻</a>
          <span class="line"></span>
        </li>
        <li class="nav-item">
          <a href="Service.html">服务</a>
          <span class="line"></span>
        </li>
      </ul>
    </div>
  </div>
  <div class="banner">

    <!-- <div class="banner-c w"> -->
    <div class="dot">
      <span class="active"></span>
      <span></span>
      <span></span>
      <span></span>
      <span></span>
    </div>

    <!-- </div> -->
  </div>
  <div class="project">
    <!-- 项目展示 -->
    <div class="project-c w">
      <div class="title">
        <h2>项目展示</h2>
        <p>PRODUCT CENTER</p>
        <div class="line">
          <span class="line-l"></span>
          <span class="line-r"></span>
        </div>
      </div>

      <ul class="nav">
        <li class="item">
          <a href="">家居</a>
          <span class="line"></span>
          <span class="b"></span>
        </li>

        <li class="item">
          <a href="">办公</a>
          <span class="line"></span>
          <span class="b"></span>
        </li>

        <li class="item">
          <a href="">餐饮</a>
          <span class="line"></span>
          <span class="b"></span>
        </li>

        <li class="item">
          <a href="">MORE</a>
          <!-- <span class="line"></span> -->
          <span class="b"></span>
        </li>
      </ul>
      <ul class="list">
        <li class="list-item">
          <div class="card">
            <div class="pic">
              <img class="img1" src="IMG/img/home/list1.jpg" alt="">

              <!-- <img src="IMG/img/project/pro2.jpg" alt=""> -->
            </div>

            <div class="info">
              <p class="t">月见棱廓 北京</p>
              <p class="b">舒适而注重情感交流的小住宅</p>
              <div class="icon">
                <img src="IMG/img/btn.png" alt="">
              </div>
            </div>

            <div class="mask">
              <p class="title">Marylebone公寓室内改造 上海</p>
              <p class="p1">木隔墙创造出简约的生活空间</p>
              <p class="p2">
                两间自带浴室套间的双人卧室和一个宽敞的开放<br>
                式厨房、餐厅和起居室空间和谐共融。</p>
              <div class="more">
                <img src="IMG/img/btn-1.png" alt="">
              </div>
            </div>
          </div>
        </li>
        <li class="list-item">
          <div class="card">
            <div class="pic">
              <img  class="img1" src="IMG/img/home/list2.jpg" alt="">
              <!-- <img class="img1" src="IMG/img/project/pro2.jpg" alt=""> -->
            </div>

            <div class="info">
              <p class="t">月见棱廓 北京</p>
              <p class="b">舒适而注重情感交流的小住宅</p>
              <div class="icon">
                <img src="IMG/img/btn.png" alt="">
              </div>
            </div>

            <div class="mask">
              <p class="title">Marylebone公寓室内改造 上海</p>
              <p class="p1">木隔墙创造出简约的生活空间</p>
              <p class="p2">
                两间自带浴室套间的双人卧室和一个宽敞的开放<br>
                式厨房、餐厅和起居室空间和谐共融。</p>
              <div class="more">
                <img src="IMG/img/btn-1.png" alt="">
              </div>
            </div>
          </div>
        </li>
        <li class="list-item mr0">
          <div class="card">
            <div class="pic">
              <img  class="img1" src="IMG/img/home/list3.jpg" alt="">
              <!-- <img class="img1" src="IMG/img/project/pro2.jpg" alt=""> -->
            </div>

            <div class="info">
              <p class="t">月见棱廓 北京</p>
              <p class="b">舒适而注重情感交流的小住宅</p>
              <div class="icon">
                <img src="IMG/img/btn.png" alt="">
              </div>
            </div>

            <div class="mask">
              <p class="title">Marylebone公寓室内改造 上海</p>
              <p class="p1">木隔墙创造出简约的生活空间</p>
              <p class="p2">
                两间自带浴室套间的双人卧室和一个宽敞的开放<br>
                式厨房、餐厅和起居室空间和谐共融。</p>
              <div class="more">
                <img src="IMG/img/btn-1.png" alt="">
              </div>
            </div>
          </div>
        </li>
      </ul>

    </div>
  </div>
  <div class="product">
    <!-- 产品中心 -->
    <div class="product-c w">
      <div class="title">
        <h2>产品中心</h2>
        <p>PRODUCT CENTER</p>
        <div class="line">
          <span class="line-l"></span>
          <span class="line-r"></span>
        </div>
      </div>
      <ul class="nav">
        <li class="nav-item">
          <div class="icon">
            <img src="IMG/img/home/bed.png" alt="">
          </div>
          <p class="t">床&nbsp;BED</p>
          <div class="line"></div>
        </li>


        <li class="nav-item">
          <div class="icon">
            <img src="IMG/img/home/bed.png" alt="">
          </div>
          <p class="t">床&nbsp;BED</p>
          <div class="line"></div>
        </li>
        <li class="nav-item">
          <div class="icon">
            <img src="IMG/img/home/bed.png" alt="">
          </div>
          <p class="t">床&nbsp;BED</p>
          <div class="line"></div>
        </li>
        <li class="nav-item">
          <div class="icon">
            <img src="IMG/img/home/bed.png" alt="">
          </div>
          <p class="t">床&nbsp;BED</p>
          <div class="line"></div>
        </li>
        <li class="nav-item">
          <div class="icon">
            <img src="IMG/img/home/bed.png" alt="">
          </div>
          <p class="t">床&nbsp;BED</p>
          <div class="line"></div>
        </li>
      </ul>
      <ul class="list">
        <li class="list-item">
          <div class="pic">
            <img src="IMG/img/home/bed.jpg" alt="">
            <div class="desc">
              <p class="t">SOLOMAN</p>
              <p class="b">中世纪浅米色面料平台床</p>
            </div>
          </div>

          <div class="mask">
            <div class="xinxi">

              <div class="line"></div>
              <span>01</span>
              <p class="t">PEMBERLY ROW</p>
              <p class="b">软垫加州特大号床板ZUMA PUMICE</p>
            </div>

          </div>

        </li>
        <li class="list-item">
          <div class="pic">
            <img src="IMG/img/home/bed.jpg" alt="">
            <div class="desc">
              <p class="t">SOLOMAN</p>
              <p class="b">中世纪浅米色面料平台床</p>
            </div>
          </div>

          <div class="mask">
            <div class="xinxi">

              <div class="line"></div>
              <span>01</span>
              <p class="t">PEMBERLY ROW</p>
              <p class="b">软垫加州特大号床板ZUMA PUMICE</p>
            </div>

          </div>

        </li>
        <li class="list-item">
          <div class="pic">
            <img src="IMG/img/home/bed.jpg" alt="">
            <div class="desc">
              <p class="t">SOLOMAN</p>
              <p class="b">中世纪浅米色面料平台床</p>
            </div>
          </div>

          <div class="mask">
            <div class="xinxi">

              <div class="line"></div>
              <span>01</span>
              <p class="t">PEMBERLY ROW</p>
              <p class="b">软垫加州特大号床板ZUMA PUMICE</p>
            </div>

          </div>

        </li>
        <li class="list-item">
          <div class="pic">
            <img src="IMG/img/home/bed.jpg" alt="">
            <div class="desc">
              <p class="t">SOLOMAN</p>
              <p class="b">中世纪浅米色面料平台床</p>
            </div>
          </div>

          <div class="mask">
            <div class="xinxi">

              <div class="line"></div>
              <span>01</span>
              <p class="t">PEMBERLY ROW</p>
              <p class="b">软垫加州特大号床板ZUMA PUMICE</p>
            </div>

          </div>

        </li>
        <li class="list-item">
          <div class="pic">
            <img src="IMG/img/home/bed.jpg" alt="">
            <div class="desc">
              <p class="t">SOLOMAN</p>
              <p class="b">中世纪浅米色面料平台床</p>
            </div>
          </div>

          <div class="mask">
            <div class="xinxi">

              <div class="line"></div>
              <span>01</span>
              <p class="t">PEMBERLY ROW</p>
              <p class="b">软垫加州特大号床板ZUMA PUMICE</p>
            </div>

          </div>

        </li>
        <li class="list-item">
          <div class="pic">
            <img src="IMG/img/home/bed.jpg" alt="">
            <div class="desc">
              <p class="t">SOLOMAN</p>
              <p class="b">中世纪浅米色面料平台床</p>
            </div>
          </div>

          <div class="mask">
            <div class="xinxi">

              <div class="line"></div>
              <span>01</span>
              <p class="t">PEMBERLY ROW</p>
              <p class="b">软垫加州特大号床板ZUMA PUMICE</p>
            </div>

          </div>

        </li>
      </ul>

    </div>
  </div>

  <div class="service">
    <!-- 服务中心 -->
    <div class="service-c w">
      <div class="title">
        <h2>服务范围</h2>
        <p>PRODUCT CENTER</p>
        <div class="line">
          <span class="line-l"></span>
          <span class="line-r"></span>
        </div>

      </div>
      <div class="box">
        <p class="t">SERVICES</p>
        <p class="b">We already have some pretty specific ideas about what
          our next services should be.</p>
      </div>
      <ul class="nav">
        <li class="item">
          <p class="p1">翻新改造</p>
          <div class="line"></div>
          <p class="p2">Renovate remould </p>
        </li>
        <li class="item">
          <p class="p1">翻新改造</p>
          <div class="line"></div>
          <p class="p2">Renovate remould </p>
        </li>
        <li class="item">
          <p class="p1">翻新改造</p>
          <div class="line"></div>
          <p class="p2">Renovate remould </p>
        </li>
        <li class="item">
          <p class="p1">翻新改造</p>
          <div class="line"></div>
          <p class="p2">Renovate remould </p>
        </li>
      </ul>
    </div>
  </div>
  <!--   新闻 -->
  <div class="news">
    <div class="news-c w">
      <div class="title">
        <h2>新闻资讯</h2>
        <p>PRODUCT CENTER</p>
        <div class="line">
          <span class="line-l"></span>
          <span class="line-r"></span>
        </div>
      </div>

      <!-- 设置容器 -->
      <div class="con">

        <div class="box">
          <div class="card">
            <img src="IMG/img/home/good1.jpg" alt="">
            <div class="mask">
              <p class="title">看得到的品质，看不到的用心!</p>
              <p class="desc">专注品质，从现代生活崇尚简约大气的角度出发，家具不仅仅<br>
                是一件家具这么简单，更是一件工艺品的象征。
              </p>
              <div class="icon">
                <img src="IMG/img/btn-1.png" alt="">
              </div>
            </div>
          </div>

          <div class="left">
            <img src="IMG/img/home/new2.jpg" alt="">
            <div class="mask">
              <p class="title">看得到的品质，看不到的用心!</p>
              <p class="desc">专注品质，从现代生活崇尚简约大气的角度出发，家具不仅仅<br>
                是一件家具这么简单，更是一件工艺品的象征。
              </p>
              <div class="icon">
                <img src="IMG/img/btn-1.png" alt="">
              </div>
            </div>

          </div>

          <div class="right">
            <img src="IMG/img/home/new3.jpg" alt="">
            <div class="mask">
              <p class="title">看得到的品质，看不到的用心!</p>
              <p class="desc">专注品质，从现代生活崇尚简约大气的角度出发，家具不仅仅<br>
                是一件家具这么简单，更是一件工艺品的象征。
              </p>
              <div class="icon">
                <img src="IMG/img/btn-1.png" alt="">
              </div>
            </div>
          </div>

        </div>
        <div class="box2">
          <img src="IMG/img/home/new4.jpg" alt="">
          <div class="mask">
            <p class="title">看得到的品质，看不到的用心!</p>
            <p class="desc">专注品质，从现代生活崇尚简约大气的角度出发，家具不仅仅<br>
              是一件家具这么简单，更是一件工艺品的象征。
            </p>
            <div class="icon">
              <img src="IMG/img/btn-1.png" alt="">
            </div>
          </div>
        </div>


      </div>
      <!-- 上面的div是容器末尾 -->



    </div>
  </div>

  <!-- 关于简设 -->
  <div class="about">

    <div class="about-c w">

      <div class="title">
        <h2>关于简设</h2>
        <p>PRODUCT CENTER</p>
        <div class="line">
          <span class="line-l"></span>
          <span class="line-r"></span>
        </div>
      </div>

      <div class="box">
        <div class="pic">
          <img src="IMG/img/home/about.jpg" alt="">
        </div>
        <div class="info">
          <p class="t">
            简设装饰集团【简设装饰（JS DECORATION）】，已成为全球最大的家具家居用品商家，销售主要包括座椅
            沙发系列、办公用品、卧室系列、厨房系列、照明系列、纺织品、炊具系列、房屋储藏系列、儿童产品系列等
            约10,000个产品。

          </p>
          <p class="m">为了让更多的顾客成为简设的品牌布道者，简设的一个重要策略就是销售梦想而不是产品。为了做到这一点，
            简设不仅提供广泛、设计精美、实用、低价的产品，而且也把产品跟公益事业进行联姻。
          </p>
          <br>
          <p class="b">
            简设还有一个独特的策略，采用一体化品牌模式的品牌，即拥有品牌、设计及销售渠道。在产品品牌上，简设
            把公司的2万多种产品，分为三大系列：简设办公、家庭储物、儿童简设。在简设品牌的强势支撑下，2万多种
            产品均建立了自己的品牌。
          </p>

        </div>
      </div>


    </div>
  </div>
  <!-- 底部 -->
  <div class="footer">

    <div class="footer-c w">
      <ul class="list">
        <li class="item">
          <p class="title">简设装饰有限公司</p>
          <div class="icon">
            <a href="">
              <img src="IMG/img/weibo.jpg" alt=""> </a>
            <a href=""> <img src="IMG/img/wechat.jpg" alt=""> </a>
            <a href=""> <img src="IMG/img/qq.jpg" alt=""> </a>


          </div>
        </li>
        <li class="item">
          <p class="p1">地址：中国地区**分区6号写字楼888室<br>
            电话：688-8888-008 <br>
            传真：000-66668888


          </p>

        </li>
        <li class="item">
          <p class="p1">
            邮编：100000 <br>
            手机：186-6006-8008 <br>
            邮箱：00060008@163.com
          </p>
        </li>
      </ul>

    </div>
  </div>
</body>

</html>